<template>
    <div>
        <el-form-item label="文本内容：">
            <el-input v-model="modalFormData.pText"></el-input>
        </el-form-item>
        <el-form-item label="字体大小：">
            <el-input-number v-model="modalFormData.fontSize"></el-input-number>&nbsp;&nbsp;px
        </el-form-item>
        <el-form-item label="行高：">
            <el-input-number  v-model="modalFormData.lineHeight"></el-input-number>&nbsp;&nbsp;px
        </el-form-item>
        <el-form-item label="加粗：">
            <el-input-number :step="100" v-model="modalFormData.fontWeight"></el-input-number>
        </el-form-item>
        <el-form-item label="右偏移：">
            <el-input-number v-model="modalFormData.left"></el-input-number>&nbsp;&nbsp;px
        </el-form-item>
        <el-form-item label="左偏移：">
            <el-input-number v-model="modalFormData.right"></el-input-number>&nbsp;&nbsp;px
        </el-form-item>
        <el-form-item label="上边距：">
            <el-input-number v-model="modalFormData.marginTop"></el-input-number>&nbsp;&nbsp;px
        </el-form-item>
        <el-form-item label="下边距：">
            <el-input-number v-model="modalFormData.marginBottom"></el-input-number>&nbsp;&nbsp;px
        </el-form-item>
        <el-form-item label="左边距：">
            <el-input-number v-model="modalFormData.marginLeft"></el-input-number>&nbsp;&nbsp;px
        </el-form-item>
        <el-form-item label="右边距：">
            <el-input-number v-model="modalFormData.marginRight"></el-input-number>&nbsp;&nbsp;px
        </el-form-item>
        <el-form-item label="行内元素：">
            <el-checkbox v-model="modalFormData.inlineBlock">是</el-checkbox>
        </el-form-item>
        <el-form-item label="字体颜色：">
            <el-color-picker v-model="modalFormData.color"></el-color-picker>
        </el-form-item>
    </div>
</template>
<script>
export default {
    name:'PConfig',
    props:{
        modalFormData:{
            type:Object,
            default:()=>{
                return {}
            }
        }
    }
}
</script>